<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>朕的书城--主页</title>
    <link rel="stylesheet" href="bootoast/bootoast.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/bootstrap.min.js" type="text/javastrap" charset="utf-8"></script>
    <script src="bootoast/bootoast.js" type="text/javastrap" charset="utf-8"></script>
    <style>
        *{
            padding: 0px;
            margin:0px;
        }
        html,body{
            width:100%;
            height: 100%;
        }
        .container-fluid{
            height: 100%;
        }
        .head{
            height: 110px;
            background-color: rgb(254, 254, 254);
            color:black;

        }
        #now{
            font-size: 16px;
            font-weight:blod ;
        }
        #left{
            width: 200px;
            height: calc(100% - 110px);
            background-color: aqua;
            margin-left: -15px;
            float: left;
        }
        #right{
            width: calc(100% - 200px);
            height: calc(100% - 110px);
            background-color: beige;
            float: left;
            margin-right: -30px;
        }
        iframe{
            width: 100%;
            height: 100%;
            border: null;
        }
    </style>
  <script>
      $(function () {
          //登录
          $('#admin').html(sessionStorage.getItem("nickName"));
          //退出
          $('#logout').click(function () {
              $.ajax({
                  url:'logout',
                  type:'post',
                  cache:false,
                  data:{},
                  dataType:'json',
                  success:function (rst){
                  }
                  ,error:function (err) {
                      console.info(err);
                  }
              });

              sessionStorage.clear();
              location.href="login.html";
          })

          //当前时间
          setInterval(function () {
              $('#now').html("现在是: "+new Date().toLocaleString());
          },1000);
      })
  </script>
</head>
<body class="bg-warning">
   <div class="container-fluid">
    <div  class="row head">
        <div class="col-sm-3 ">
            <a href="welcome.html" target="cards">
            <img src="img/c.png" class="img-responsive" width="100px" height="500px">
        </a>
        </div>
        <div class="col-sm-4  col-sm-offset-2 text-right ">
            <br><br>
            <span id="now">现在是: 2022年9月22日   10点01分</span>
        </div>
        <div class="col-sm-3 text-right ">
            <br>
            <span id="admin">吴志颖</span>
            <img src="img/c.png" style="width: 20px; height: 20px;">
            <input type="button" class="btn btn-danger" id="logout" value="退出">

        </div>
    </div>
             <div id="left">
                 <iframe src="menu.html" frameborder="0" name="page"></iframe>
             </div>
             <div id="right">
                 <iframe src="welcome.html" frameborder="0" name="cards"></iframe>
             </div>
   </div>
</body>
</html>